<template>
<div>
      <!-- 这个全局模态框 -->
   <div class="md-modal modal-msg md-modal-transition" v-bind:class="{'md-show':mdShow}">
          <div class="md-modal-inner">
            <div class="md-top">
              <button class="md-close" @click="closeModal">Close</button>
            </div>
            <div class="md-content">
              <!-- 提示信息框 --> 
              <div class="confirm-tips">
                <slot name="message"></slot>
              </div>
              <!-- 按键的输出 -->
              <div class="btn-wrap">
                <slot name="btnGroup"></slot>
              </div>
            </div>
          </div>
  
 </div>

   <!-- 这个是遮罩层 7.23修补bug 必须要在框外实现-->
 <div class="md-overlay" v-if="mdShow" @click="closeModal"></div>
</div>
</template>

<script>
export default {
  //接受父组件的传递的值,接受的mdShow是 mdShow:"mdShow"
  props:["mdShow"],

  data(){
    return{
    }
  },
methods:{
  closeModal(){
  this.$emit("close");

  }



}
}
</script>

